/* ==========================================================================
   Author's custom styles
   ========================================================================== */
   
   /**************************************************
	*
	* colors:
	* ========
	* main: 342B22 (sepia brown)
	* monochromatic1: 4D341B (natural brown)
	* monochromatic2: 806A54 (grey brownish)
	* monochromatic3: 80572E (glowing brown)
	* monochromatic4: CCA986 (bright)
	* complemantary3: 3A7080 (light blue)
	* complementary4: 222F33 (dark blue)
	* compound1: 997A27 (orange)
	* compound3: 1A403F (dark green)
	* compund4: 396658 (light green)
	*
	* highlight colors:
	* ===================
	* main: 2B8BFF (light blue)
	* complementary1: 4499FF (lighter blue)
	* complementary2: 0051B2 (darker blue)
	* complementary3: B27810 (dark orange)
	* complementary4: FFB42B (light orange)
	*
	**************************************************/

   /*
   @font-face {
		font-family: 'Capita-Light';
		src: url('25A809_0_0.eot');
		src: url('25A809_0_0.eot?#iefix') format('embedded-opentype'),
			url('25A809_0_0.woff') format('woff'),
			url('25A809_0_0.ttf') format('truetype');
	}
	*/
	
	/*
	@font-face {
		font-family: 'MuseoSans-500';
		src: url('25C6E0_0_0.eot');
		src: url('25C6E0_0_0.eot?#iefix') format('embedded-opentype'),
			url('25C6E0_0_0.woff') format('woff'),
			url('25C6E0_0_0.ttf') format('truetype');
	}
	*/
	
	@font-face {
		font-family: 'StRydeRegular';
		src: url('25C6E7_0_0.eot');
		src: url('25C6E7_0_0.eot?#iefix') format('embedded-opentype'),
			url('25C6E7_0_0.woff') format('woff'),
			url('25C6E7_0_0.ttf') format('truetype');
	}
	 
	  
	@font-face {
		font-family: 'Corda-Light';
		src: url('25C6E7_1_0.eot');
		src: url('25C6E7_1_0.eot?#iefix') format('embedded-opentype'),
			url('25C6E7_1_0.woff') format('woff'),
			url('25C6E7_1_0.ttf') format('truetype');
	}
	 
	  
	@font-face {
		font-family: 'SanchezCondensed';src: 
		url('25C6E7_2_0.eot');
		src: url('25C6E7_2_0.eot?#iefix') format('embedded-opentype'),
			url('25C6E7_2_0.woff') format('woff'),
			url('25C6E7_2_0.ttf') format('truetype');
	}
	
	@font-face {
		font-family: 'AlexBrushRegular';
		src: url('AlexBrush-Regular-OTF-webfont.eot');
		src: url('AlexBrush-Regular-OTF-webfont.svg#AlexBrushRegular') format('svg'),
			 url('AlexBrush-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
			 url('AlexBrush-Regular-OTF-webfont.woff') format('woff'),
			 url('AlexBrush-Regular-OTF-webfont.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
	    font-family: 'PacificoRegular';
	    src: url('Pacifico-webfont.eot');
	    src: url('Pacifico-webfont.svg#PacificoRegular') format('svg'),
	    	 url('Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
	         url('Pacifico-webfont.woff') format('woff'),
	         url('Pacifico-webfont.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
	}
	
	html { height: 100%; }

	body {
		font-family: 'StRydeRegular', serif;
		color: #342B22;
		-webkit-font-smoothing: antialiased !important;
		height:80%;
		font-size: 16px;
	}
	
	h1 { font-size:26px; color:#2E2B2B; font-family: 'SanchezCondensed', sans-serif;}
	h2 { font-size:22px; color:#806A54;}
	h3 { font-size:20px; color:#000; font-family: 'Corda-Light', sans-serif;}
	h4 { font-size:18px; color:#4D341B;}
	h5 { font-size:17px; color:#333332; font-family: 'Corda-Light', sans-serif;}
	h6 { font-size:16px; }

	p { line-height: 1.6; }

	ul, ol { line-height: 24px; }

	li { line-height: 24px; color:#4D341B;}

	table {	line-height:1.9em; border: 0 solid #F1F1F1; }
	/* add alternativ colors to table rows */
	tr:nth-child(odd) { background-color: #F1F1F1; }
	tr:nth-child(even) { background-color:#FFF;}

	hr { margin:50px 0 30px 0; border-top:1px solid #ededed; border-bottom:none; }

	.top-60 { margin-top:60px; }
	.top-80 { margin-top:80px; }
	.bg-gray { background-color: #eee; }
	.no-padding-lr { padding-left: 0; padding-right: 0; }
	.center { text-align: center; }

	.brandname {
		font-family: 'AlexBrushRegular';
		font-weight:100;
		font-size:1.4em;
	}
	
	.navbar {
		margin-bottom:0;
		font-size:14px;
	}
	
	.header {
		font-family: serif;
		background-color: #000;
		/*width:100%;*/
		color: #fff;
		min-height:100%; 
		-webkit-transform: translateZ(0);
		-moz-transition: height;
		-webkit-transition: height;
		-o-transition: height;
		transition: height;
		-moz-transition-duration: 0.3s;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}
	
	/* extra bar containing info where-am-i and if set picture description */
	.infonavbar {
		padding: 20px 0px 16px 15px;
		border-bottom: 6px double #ededed;
		margin-bottom: 30px;
	}
	
	div.headlinewrapper {
		position: relative;
		margin-left:auto;
		margin-right:auto;
		min-height:660px;
	}
	
	div.headline {
		position:absolute;
		bottom:40px;
		width:90%;
	}
	
	div.headline h1 {
		text-shadow: 0 1px 13px #2E2B2B;
		font-family: 'PacificoRegular', serif;
		font-size: 6em;
		display: inline-block;
		color: #fff;
		font-weight:600;
		line-height: 1em;
		margin: 0px;
		-webkit-transition: font-size .3s ease-in-out;
		-moz-transition: font-size .3s ease-in-out;
		-o-transition: font-size .3s ease-in-out;
		-ms-transition: font-size .3s ease-in-out;
	}
	
	div.headline h2 {
		text-shadow: 0 1px 8px #2E2B2B;
		font-family: 'PacificoRegular', serif;
		font-size: 2em;
		display: inline-block;
		color: #fff;
		line-height: 1em;
		margin-bottom: 0px;
		-webkit-transition: font-size .3s ease-in-out;
		-moz-transition: font-size .3s ease-in-out;
		-o-transition: font-size .3s ease-in-out;
		-ms-transition: font-size .3s ease-in-out;
	}
	
	div.headline h3 {
		font-family: 'SanchezCondensed', sans-serif;
		font-size: 1.5em;
		display: inline-block;
		background-color:rgba(0, 0, 0, 0.6);
		color: #CCA986;
		line-height: 1.4em;
		padding: 10px;
		max-width: 60%;
		font-style:italic;
		-webkit-transition: font-size .3s ease-in-out;
		-moz-transition: font-size .3s ease-in-out;
		-o-transition: font-size .3s ease-in-out;
		-ms-transition: font-size .3s ease-in-out;
	}
	
	div.imagedescription {
		font-style: italic;
		font-size: 0.9em;
	}

	/* a fallback image background for the header, usable for IE8 and below */
	.ie-fallback-headerimage {
		background:url('../img/ie-fallback.jpg') no-repeat fixed center top;
	}

	/**
	 * bootstrap css fix against a jumping structure-header image
	 */
	.navbar-fixed-top { margin-bottom: 0px; }
	
	/**
	 * Depending on the screen resolution some elements can be shown / have to be hidden
	 */
	@media only screen and (min-width: 768px) {
		
		div.border-left-col {
			border-left: 6px double #ededed;
			width:28%;
			padding-left:10px;
		}

		div.border-right-col {
			border-right: 6px double #ededed;
			width: 28%;
			padding-right:10px;
		}	
	}
		
	/**
	* Contact form
	*/
	#contact_form input, textarea {
		margin-top: 3px;
		font-family: 'StRydeRegular', serif;
		width:75%;
	}

	#contact_form .submit {
		-webkit-border-radius: 4px;
     	-moz-border-radius: 4px;
        border-radius: 4px;
	}

	#contact_form_email_error { color:red; }
	#contact_form_message_error { color:red; }

	/**
	 * Google Maps InfoWindow Bugfix
	 */
	#mapview img { max-width: none; }

	/**
	 * Styling the Bootstrap Accordeon similar to the navbar
	 */
	.accordion-heading {
		background-color: #fafafa;
		background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
		background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
		background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
		background-repeat: repeat-x;
	}